
<%@page import="model.bean.BeanUsuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<%
        BeanUsuario usuario = (BeanUsuario) session.getAttribute("usuario_register");
%>


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>El Rincón Teleco!!</title>
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.min.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.min.css"> 
        <style>
            .item {

                background: transparent ;

                padding-top: 10px; 
            }

        </style>
    </head>

    <body style="background: url('<%= request.getContextPath()%>/img/shattered.png') center repeat">

        <div class="container">
            <div class="row-fluid">
                <div class="item row-fluid">
                    
                    <div class="span9 hero-unit" style="background: transparent; border: transparent; text-align: center">

                    <h1>
                        El Rincón Teleco
                    </h1>
                </div>

                    <div class="span3 offset9" style="padding: 0px 15px;">
                        <form class="well" method="post" action="ServletLogin">                       
                        <% if (request.getParameter("error") != null) {%><div class="alert alert-error">Datos incorrectos / usuario inactivo</div> <% }%>
                        <label>Código</label><input type="text" name="codigo" class="input-block-level" type="text" placeholder="codigo">
                        <label>Password</label><input type="password" name="password" class="input-block-level" type="password" placeholder="password">
                        <p  style="color: #f89406">
                            <a href="<%= request.getContextPath()%>/contrasenha/recuperar.jsp"><small>Olvide mi contraseña </small></a>
                        </p>
                        <button  type="submit" class="btn btn-primary"  >Login</button>    
                        <button type="submit" class="btn btn-success">
                            <a href="<%= request.getContextPath()%>/contrasenha/register.jsp" data-transition="fade"data-rel="dialog">Register</a>
                        </button>
                    </form>
                    </div>
                </div>
            </div> 

            <!-- Navbar
            ================================================== -->

            <div class="navbar " >
                <div class="navbar-inner">                    
                    <ul class="nav" >
                        <li><a href="../index.jsp"><i class="icon-home"></i> Inicio</a></li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">Cursos <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu" >
                                    <a href="#">Ciclo 5</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">

                                    <a href="#">Ciclo 6</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>    

                                </li>

                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 7</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 8</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 9</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 10</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Probabilidades</a></li>
                                        <li><a href="#">Teoria de Campos</a></li>
                                        <li><a href="#">Series y Transformadas</a></li>
                                        <li><a href="#">Circuitos Analógicos</a></li>
                                        <li><a href="#">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="#">Arquitectura de Computadoras</a></li>
                                        <li><a href="#">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>

                                <li class="divider"></li>
                                <li class="nav-header">Electivos</li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de libre disponibilidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Moviles 2</a></li>
                                        <li><a href="#">Aplicaciones moviles</a></li>
                                        <li><a href="#">Banda Ancha</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de la especialidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Moviles 2</a></li>
                                        <li><a href="#">Aplicaciones moviles</a></li>
                                        <li><a href="#">Banda Ancha</a></li>
                                    </ul>
                                </li>


                            </ul>
                        </li>
                        <li><a href="http://btpucp.pucp.edu.pe/" target="_blank">Bolsa de Trabajo</a> </li>
                        <li><a href="https://pandora.pucp.edu.pe/pucp/login?TARGET=http%3A%2F%2Feros.pucp.edu.pe%2Fpucp%2Fjsp%2FIntranet.jsp" target="_blank">Intranet</a></li>

                    </ul> 
                    <div class="input-append pull-right" style="padding-top: 5px">
                        <input class="span2" id="buscar" type="text">
                        <button class="btn" type="button"><i class="icon-search"></i></button>
                    </div>
                </div>
            </div>





            <div class="row-fluid" id="inicio">
                <div class="span12">


                    <div class=" well span9">
                        <legend>Confirmación de registro
                            <br>
                            <small style="margin-left: 15px;">Se registrarán los siguientes datos:</small>
                        </legend>

                        <div class="control span9 offset2"><br>
                            
                            <label class=" span4">Nombres:</label>
                            <label class=" span4"><%=usuario.getNombre()%></label>

                            <label class="span4">Apellidos:</label>
                            <label class="span4"><%=usuario.getApellidos()%></label>

                            <label class="span4">Codigo PUCP:</label>
                            <label class="span4"><%=usuario.getCodigo()%></label>

                            <legend>
                                <small style="margin-left: 15px;">Se enviará un código de activación a la siguiente dirección de correo electrónico</small>
                            </legend>

                            <label class="span4 offset3"> <%=usuario.getCorreo()%></label>


                            <br>
                            <br>
                            <br>
                            <br>
                            <form action="<%=request.getContextPath()%>/ServletUsuario?action=aceptar_confirmacion" method="post">
                            <button  type="submit" class="btn-primary span4 offset3">Aceptar</button>
                            </form>
                        </div>

                    </div>

                    <div class=" well span3">

                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Reciente</h5></li>
                                    <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>
                        <br>


                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Descargado</h5></li>
                                    <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>
                        <br>
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Valorado</h5></li>
                                    <li><a href=""><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href=""><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>   








                </div> 




            </div>
            <!-- Footer
             ================================================== -->
            <footer class="footer" id="bottom"><hr>
                <p class="pull-right"><a href="#">Ir arriba</a></p>
                <p align=center>El Rincón Teleco | © 2012 Pontificia Universidad Católica del Perú (PUCP) </p>
                <br><br></footer>



        </div><!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="<%= request.getContextPath()%>/text/javascript" src="js/jquery.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.min.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap-dropdown.js"></script>


    </body>
</html>
